<template>
<div class="layerRtb layerRtb-threecolumn layerRtb-right" style="background:transparent">
    <div class="tips-mark"></div>
    <div class="messageBox mt10">
        <strong class="tips-right--close" @click="setHeaderTip()">×</strong>
        <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10">
             <iframe :src="iframeSrc" frameborder="0" width="100%" height="100%"></iframe>
        </div>
    </div>
</div>
</template>
<script>
import { mapGetters, mapMutations } from 'vuex'
export default {
    data () {
        return {
            iframeSrc: ''
        }
    },
    computed: {
        ...mapGetters(['userInfo'])
    },
    created () {
        this.iframeSrc = `https://pp2.rxjy.com/VueSite/feedback?inset=1&proId=846&diquId=${this.userInfo.as_diquId}&cardNo=${this.userInfo.as_cardNo}&Name=${this.userInfo.as_fullName}`
    },
    methods: {
        ...mapMutations({
            setHeaderTip: 'SET_HEADER_TIP'
        })
    },
    watch: {
        userInfo () {
            this.iframeSrc = `https://pp2.rxjy.com/VueSite/feedback?inset=1&proId=846&diquId=${this.userInfo.as_diquId}&cardNo=${this.userInfo.as_cardNo}&Name=${this.userInfo.as_fullName}`
        }
    }
}
</script>
<style scoped>
.messageBox {
    width: calc(100% - 740px);
    margin-left: 740px;
    z-index: 10;
    position: relative;
}
</style>
